<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
    <script src="./js/methods.js"></script>
    <script src="./js/animation.js"></script>
    <script src="./js/game.js"></script>
    <script src="./js/main.js"></script>
 
</head>
<body>
    <div class="head">
        <div class="left"><h1>2048</h1>
        <button onclick="demo()" class="btn" id="btn">开始游戏</button>
        </div>
        <div class="right"><h3>score:<span id='score'>0</span></h3></div>
    </div>
    <div class="boxs" id="boxs">
        <div class="box" id="box-0-0"></div>
        <div class="box" id="box-0-1"></div>
        <div class="box" id="box-0-2"></div>
        <div class="box" id="box-0-3"></div>
        <div class="box" id="box-1-0"></div>
        <div class="box" id="box-1-1"></div>
        <div class="box" id="box-1-2"></div>
        <div class="box" id="box-1-3"></div>
        <div class="box" id="box-2-0"></div>
        <div class="box" id="box-2-1"></div>
        <div class="box" id="box-2-2"></div>
        <div class="box" id="box-2-3"></div>
        <div class="box" id="box-3-0"></div>
        <div class="box" id="box-3-1"></div>
        <div class="box" id="box-3-2"></div>
        <div class="box" id="box-3-3"></div>
        <div class="gameover gameovernone" id="gameover">
            <div class="gameoverleft"><h2 class="over">游戏结束!!!</h2></div>
           <div class="gameoverright"> <h3>本次得分:<span id='scoreover'>0</span></h3></div>
          <div class="gameoverbotton"><button onclick="palyagain()">重新游戏</button></div> 
        </div>
    </div>
   
</body>
</html>